.container{width: 92%;margin: 0 auto;}
/*header*/
.header-main{height: 90px;background: #fff;position: fixed;left: 0;top: 0;z-index: 10;}
.header-main-hide{opacity: 0;
    transform: translateY(-90px);
    -ms-transform: translateY(-90px);
    -moz-transform: translateY(-90px);
    -webkit-transform: translateY(-90px);
    -o-transform: translateY(-90px);}
/**/
.header-main-c-l{float: left;width: 25%;}
.header-main-c-l a{display: block;width: 100%}
.header-main-c-l a img{display: block;margin-top: 12px;max-width: 100%;}
.header-main-c-r{width: 66%;float: right;}
.header-main-c-r li{width: 16%;float: left;position: relative;
background-position: right center;background-repeat: no-repeat;background-size: 1px 10px;background-image: url("../img/banner/menu-l.png");}
.header-main-c-r li:nth-child(7){width: 4%;font-weight: bolder;white-space: nowrap}
.header-main-c-r li:nth-child(7) a{color: #1bb760!important;}
/*下拉*/
.header-main-c-r li .xiala{position: absolute;left: 0%;top: 90px;width: 100%;
    background-color: rgba(2552,255,255,0.95);
    transition: 0.4s;
    opacity:0;
    visibility: hidden;
    transform: translateY(20px);
    -ms-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -webkit-transform: translateY(20px);
    -o-transform: translateY(20px);
}
.header-main-c-r li .xiala1{opacity: 1;visibility: visible;
    transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
}
/*.header-main-c-r li .xiala:hover{background-color: rgba(255255,101,24,1);}*/
/*.header-main-c-r li .xiala .xlc{padding: 15px 0 15px 0;}*/
.header-main-c-r li .xiala .xlt{font-size: 17px;color: #ffffff;font-weight: bold;
    padding: 0 10%;box-sizing: border-box;}
.header-main-c-r li .xiala dl dt{border-bottom: 1px solid #eee}
.header-main-c-r li .xiala dl dt a{color: #333;font-size: 14px;display: block;padding:12px 10%;
    box-sizing: border-box;text-align: center}
/*.header-main-c-r li .xiala dl dt:last-child a{padding-bottom: 0;}*/
.header-main-c-r li .xiala dl dt a:hover{background: #fff;color: #1bb760}
.header-main-c-r li .xiala dl dt a[data=xz]{background: #fff;color: #1bb760}
/**/
.header-main-c-r li .a1{display: block;width: 100%;height: 90px;font-size: 16px;color: #333;line-height: 90px;text-align: center;
    position: relative;
}
.header-main-c-r li[data=xz] .a1{box-sizing: border-box;color: #1bb760;}
.header-main-c-r li .a1:hover{font-weight: bold;}
/**/
/*banner*/
.banner-box{position: relative;margin-top: 90px}
.banner-img {display: block;width: 100%;opacity: 1;}
.swiper-slide-ba{position: relative;}
.banner{width: 100%;height: 100%;}
.banner-p-f1{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1}
.banner-p-f1 .r{width: 50%;height: 100%;background: rgba(255,255,255,0);margin-left: 50%;overflow: hidden}
.banner-p{background: rgba(255,255,255,0);margin-top: 19%}
.banner-p .p1{font-size:50px;color: rgba(255,255,255,0.9);font-weight: bold;
    text-shadow: 0 0 6px rgb(0 0 0 / 65%), 0 0 0px #999}
.banner-p .p2{font-size: 36px;color: #fff;font-weight: lighter;color: rgba(255,255,255,0.8);margin-top: 1.5%;display: none}
.banner-p p{white-space: nowrap;text-align: center}

.swiper-pagination-ba{position: absolute;z-index: 10;left: 0;bottom: 0}
.swiper-pagination-ba .swiper-pagination-bullet{width: 12px;height: 12px;border-radius: 12px;background: #ddd}
.swiper-pagination-ba .swiper-pagination-bullet-active{background: #1bb760;width: 24px;}

.bap{width: 40px;height:40px;background-size: auto;background-position: center!important;
    background-repeat: no-repeat!important;
    background: rgba(2552,2552,255,0.5);
;border-radius: 3px;transition: 0.5s;
    -moz-transition:0.5s;
    -webkit-transition:0.5s;
    -o-transition:0.5s;outline: none;top: 43%}
.swiper-button-next-ba{background-image: url("../img/banner/ban2.png")}
.swiper-button-prev-ba{background-image: url("../img/banner/bap2.png")}
.bap:hover{background-color: rgba(254,72,13,0.9)}
.swiper-button-next-ba:hover{background-image: url("../img/banner/ban1.png")}
.swiper-button-prev-ba:hover{background-image: url("../img/banner/bap1.png")}

/**/
.margintop{margin-top: 4%;}
/*关于我们*/
.iabout{padding: 3% 0 4% 0;background-color: #f5f5f5;}
.iabout-l .indexp{}
.indexp .p1{font-size: 24px;color: #1bb760;font-weight: bolder;}
.indexp .p2{color: #333;font-size: 32px;}
.indexp .p3{display: block;width: 65px;height: 3px;background: #1bb760;margin-top:2%}
.iabout-l-more{margin-top: 5%;}
.iabout-l-more a{display: inline-block;padding: 1.5% 7%;background: #1bb760;border: 2px solid #1bb760;font-size: 16px;
color: #fff;}
.iabout-l-more a:hover{background:#fff;color: #1bb760;border-radius: 0px;}
.iabout-l{width: 50%;float: left;background-position:right bottom;background-repeat: no-repeat;background-size: 30%;
    /*background-image: url("../img/abbg.png");*/}
.iabfour{margin-top: 3%}
.iabfour li{width: 25%;float: left}
.iabfour li .li1{font-size: 32px;font-weight: bolder;color: #333}
.iabfour li .li1 span{font-size: 14px;color: #666;font-weight: lighter;position: relative;top: -9px;left: 7px}
.iabfour li .li2{font-size: 16px;color: #666;text-align: left}


.iabout-r{width: 46%;float: right;max-width: 700px}
.iabout-r img{display: block;width: 100%;margin-top: 12%}
.iabout-l-con{margin-top: 4%;box-sizing: border-box;padding-right: 5%}
.iabout-l-con p{margin-top: 2%;line-height: 1.8;font-size: 15px;color: #333;}

/*案例*/
.big-title .p1{text-align: center;font-size: 36px;color: #333;}
.big-title .p2{text-align: center;font-size: 16px;color: #666;margin-top: 1.5%;font-weight: lighter;}
.big-title .p2 span{color: #ccc}
.big-title .p3{text-align: center;font-size: 15px;color: #fff;margin-top: 1.5%;font-weight: lighter;padding: 0 8%;opacity: 0.8}
/*.icases{background: #eee;padding: 30px 0;}*/
.icases-l-i{margin-top: 3%}
.icases-l li{width: 23.5%;float: left;margin-right:2%;box-shadow: 3px 2px 10px rgba(0,0,0,0.15)}
.icases-l li:nth-child(4n){margin-right: 0;position: relative;}
.icases-l li:nth-child(n+5){margin-top: 3%;}
.icases-l li a{display: block;width: 100%;overflow: hidden}
.icases-l li a .i{width: 100%;height:16vw;max-height: 290px;position: relative;}
.icases-l li a .i img{display: block;width: 100%;height: 100%;object-fit: cover;}
.icases-l li a .t{padding: 4.5% 5%;font-size: 16px;color: #333;text-align: left;}
.icases-l li a .c-line{width: 100%;height: 5px;background: #1bb760;position: relative;transform: translateX(-101%);
    -ms-transform: translateX(-101%);
    -moz-transform: translateX(-101%);
    -webkit-transform: translateX(-101%);
    -o-transform: translateX(-101%);}

.icases-l li:hover{
    box-shadow: 3px 2px 15px rgba(0,0,0,0.3)
}
.icases-l li a:hover .i img{transform: scale(1.1);
    -ms-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -o-transform:scale(1.1);
}
.icases-l li a:hover .c-line{transform: translateX(0);
    -ms-transform: translateX(-0%);
    -moz-transform: translateX(-0%);
    -webkit-transform: translateX(-0%);
    -o-transform: translateX(-0%);}
/*å®—æ—¨*/
.zongzhi{background-repeat: no-repeat;background-size: cover;background-position: center;padding: 3% 0 4% 0;
    background-image: url("../img/ysbg.jpg");background-attachment: fixed}
.zz-title .p1{font-size: 30px;text-align: center;color: #111;}
.zz-title span{color: #da0000;font-size: 36px;}
.zz-title .p2{font-size: 18px;text-align: center;color: #111;margin-top: 1%;line-height: 1.6;}
.zongzhi .big-title .p1{color: #fff;}
.zongzhi .big-title .p2{color: #ddd;}
/*环境*/
.huanjing{margin-top: 3%;}
.huanjing li{width: 23.5%;float: left;margin-right: 2%;}
.huanjing li:nth-child(4n){margin-right: 0;}
.huanjing li a{display: block;width: 100%;}
.huanjing li a .i{width: 100%;height: 15vw;position: relative;}
.huanjing li a .i img{display: block;width: 100%;height: 100%;object-fit: cover;}
.huanjing li a:hover .i img{transform: scale(1.2);
    -ms-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -o-transform:scale(1.2);
}
.huanjing li a:hover .i .kuang2{transform: scale(0.85);
    -ms-transform:scale(0.85);
    -moz-transform:scale(0.85);
    -webkit-transform:scale(0.85);
    -o-transform:scale(0.85);
    opacity: 0.25;
}


/*合作客户*/
.bt-hezuo .p1{text-align: center;
    color: #000000;
    font-size: 30px;
    text-transform: uppercase;
    font-style: italic;
    font-weight: bolder;
    white-space: nowrap;
    transform: scaleY(1.3);
    -ms-transform: scaleY(1.3);
    -moz-transform: scaleY(1.3);
    -webkit-transform: scaleY(1.3);
    -o-transform: scaleY(1.3);}
.bt-hezuo .p2{color: #333;font-size: 24px;text-align: center;}

/*新闻资讯*/
.snewsi{margin-top: 2%}
.snews li{padding: 2% 0;border-bottom: 1px solid #eee;}
.snews a{display: block;width: 100%;}
.snews a .i{display: block;width: 25%;height: 15vw;overflow: hidden;position: relative;
box-sizing: border-box;border: 1px solid #eee;float: left;}
.snews a .t{width: 75%;float: right;padding-left: 3%;box-sizing: border-box}
.snews a .t .p1{font-size: 20px;color: #333;font-weight: bold;margin-top: 1%}
.snews a .t .p2{font-size: 14px;color: #888;line-height: 1.6;margin-top: 1.5%;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2; /* 这里是超出几行省略 */
    overflow: hidden;}
.snews a .t .p4{font-size: 14px;line-height: 1.6;margin-top: 1%;color: #aaa;font-weight: lighter;}
.snews a .t .p4 span{}
.snews a .t .p3{margin-top: 2%;}
.snews a .t .p3 span{display: inline-block;border: 1px solid #ddd;padding: 1% 3%;font-size: 14px;color: #1bb760}


.snews a:hover .i img{transform: scale(1.15);
    -ms-transform:scale(1.15);
    -moz-transform: scale(1.15);
    -webkit-transform:scale(1.15);
    -o-transform: scale(1.15);
}
.snews a:hover .t .p3 span{background: #1bb760;color: #fff;border-color: #1bb760;}
.snews a:hover .t .p1{color: #1bb760}
.i-news{margin-bottom: 5%}
    /*底部*/
.footer{padding: 4% 0;background: #272727;}
.footer-l{width: 30%;float: left;}
.flogo{display: block;font-size: 22px;color: #fff;font-weight: bolder;white-space: nowrap}
.flogo img{display: block;max-width: 100%;}
.footer-l-lian{margin-top: 7%;}
.footer-l-lian li{font-size: 14px;color: rgba(255,255,255,0.7);margin-top: 2%}
.footer-l-lian li a{color: rgba(255,255,255,0.7);font-weight: bolder;font-size: 14px;}
.footer-l-code{margin-top: 7%}
.footer-l-code li{width: 40%;float: left;max-width: 140px;margin-right: 5%;}
.footer-l-code li .i{width: 100%;}
.footer-l-code li .i img{display: block;width: 100%;}
.footer-l-code li .p{font-size: 14px;color: rgba(255,255,255,0.7);text-align: center;margin-top: 8px;}
.footer-r{width: 68%;float: right;margin-top: 0%}
.footer-r li{width: 25%;float: left;}
.footer-r li .p1{color:rgba(255,255,255,0.99);font-size: 24px;font-weight: bolder;text-align: center;
margin-bottom: 10%;}
.footer-r li a{display: block;font-size: 14px;color:rgba(255,255,255,0.8);text-align: center;
padding: 4% 0}
.footer-r li a:hover{color: #fff;font-weight: bolder;}
.footer-r li .wei{max-width: 150px;margin: 0 auto}
.footer-r li .wei .pw{font-size: 14px;color: #999;text-align: center;}
/*内页小banner*/
.sb-banner{padding-bottom: 9%;background-position: center;background-size: cover;background-repeat: no-repeat;
background-image: url("../img/about.jpg");overflow: hidden;position: relative;}
.sb-banner .p1{color: #fff;text-align: left;margin-top: 15%;font-size: 40px;}

.sb-Cases{background-image: url("../img/sb_ca.jpg") }
.sb-Product{background-image: url("../img/sb_news.jpg") }
.sb-News{background-image: url("../img/sb_ca1.jpg") }

.sbread{position: absolute;bottom: 0;left: 0;}
.sbread-s{padding: 10px 15px;background: rgba(0,0,0,0.3);color: #fff;font-size: 14px;}
.sbread-s a{font-size: 14px;color: #fff;}

.mainbox-content{padding: 4% 0}
.mainbox-bg{background: #f5f5f5}
.main-left{width: 23%;float: left}
#sidebar{width: 100%}
#sidebar .side-t{padding: 15px;background: #eee;color: #1bb760;font-size: 20px;text-align: center;font-weight: bold;}
.side-ul{margin-top: 2%;}
.side-ul li{border-bottom: 1px solid #eee;}
.side-ul li:nth-child(n+2){margin-top: 5px}
.side-ul li a{display: block;width: 100%;padding: 5% 5%;box-sizing: border-box;background: #fff;font-size: 15px;color: #333;
border-left: 3px solid #fff}
.main-right{width: 75%;float: right;padding: 2%;box-sizing: border-box;background: #fff;}
.side-ul li a:hover{color: #1bb760;border-color: #1bb760}
.side-ul li.xz a{color: #1bb760;border-color: #1bb760;font-weight: bold;}
/*关于我们*/
/*.com-info .p1{font-size: 24px;font-weight: bold;color: #333;}*/
.com-info .p-2{margin-top: 3%}
.com-info .p-2 p{color: #333;line-height: 1.8!important;margin: 10px 0;font-size: 16px;}
.com-info .p-2 .img{float: right;display: block;width: 40%;max-width: 500px;padding: 10px 0 2% 2%;}
.main-right-single h1{font-size: 24px;text-align: center;padding-bottom: 2%;border-bottom: 1px solid #eee;}
.main-right-single .sin-con{padding: 2% 0}
/*资质荣誉*/
.com-ho .honorlist{margin-top: 3%}
.honorlist li{width: 23%;float: left;margin-right: 2.66%;}
.honorlist li:nth-child(4n){margin-right: 0}
.honorlist li:nth-child(n+5){margin-top: 2%;}
.caseslist a{display: block;width: 100%;}
.honorlist a .i{width: 100%;height: 24vw;position: relative;overflow: hidden;box-sizing: border-box;border: 1px solid #ddd;}
.honorlist a .t{width: 100%;padding: 3% 2%;text-align: center;background: #f1f1f1;box-sizing: border-box;
    =color: #434343;font-size: 14px;}
.honorlist a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.honorlist a:hover .t{color: #1bb760;}


.other-news{background: #fff;padding: 4% 5%;box-sizing: border-box;}
.other-news li:nth-child(n+2){margin-top: 5%}
.other-news li a{display: block;width: 100%;}
.other-news li a .i{width: 100%;height: 11vw;}
.other-news li a .t{padding: 3%;box-sizing: border-box;background: #f5f5f5;font-size: 14px;color: #333;text-align: center;}
.other-news li a:hover .t{color: #1bb760}
.other-title{font-size: 30px;text-align: center;margin-top: 2%;padding: 2% 0;}
.other-show{display: none;}
.news-info-title{border-bottom: 1px solid #ddd;padding-bottom: 2%;}
.news-info-title h1{font-size: 24px;text-align: center;}
.news-info-title p{font-size: 15px;color: #999;text-align: center;margin-top: 10px;}
.catetype{text-align: center;margin-bottom: 2%}
.catetype a{display: block;padding: 0.8% 2%;border: 1px solid #ddd;color: #1bb760;font-size: 16px;
float: left}
.catetype a:hover{background: #eee;}
.catetype a[data=xz]{background: #1bb760;border-color: #1bb760;color: #fff}

/*联系我们*/
.lianxi-lian{display: none}
#allmap{width: 100%;height: 30vw;box-sizing: border-box;border: 1px solid #ddd;margin-top: 2%;min-height: 450px;position: relative}
.lianxi-lian li{font-size: 16px;padding: 0.3% 0}
.catetype-i{margin-top: 2%;margin-bottom: 0!important;}
.maplian{width: 30%;height: 100%;background: rgba(24, 28, 35, 0.8);position: absolute;right: 0;top: 0;
padding: 0 20px;box-sizing: border-box;z-index: 100}
.maplian li{font-size: 16px;color: #fff;margin-top: 6%}
.maplian li:nth-child(1){margin-top: 10%}
/*手机头部*/
/*手机菜单*/
.logo-menu-tips{display: none;position: absolute;width: 70px;height: 70px;position: absolute;right: 0;top: 0;z-index: 11;cursor: pointer;
    background-image: url("../img/menu.png");background-size: auto;background-position: center;background-repeat: no-repeat;}
.headers-duan .logo-menu-tips{background-image: url("../img/menu1.png");}

.logo-menu-tips-s{background-image: url("../img/close.png");}
.headers-duan  .logo-menu-tips-s{background-image: url("../img/close1.png");}




.hide-menu{width: 250px;height: 100%;position: fixed;background: #eee;right: -250px;opacity: 1;top: 70px;z-index: 99;
    overflow-y: scroll}
.hide-menus{transform: translateX(-250px)}


.hide-menu li:nth-child(1){margin-top: 10px;}
.hide-menu li{border-bottom: 1px solid #eee;width: 200px;margin: 0 auto}
.hide-menu li a{display: block;padding: 10px 0 8px 30px;background: #fff;font-size: 16px;color: #333;
    background: url("../img/huan.png") left 10px center no-repeat;}
.hide-menu li a:hover{color: #1bb760}
.hide-menu li a[flag=xz]{color: #1bb760;font-weight: bold}

.m-menu .xiala{padding-left: 10%;}
.m-menu .xiala a{padding: 5px 0 5px 20px;background: none;font-size: 14px;color: #666;}
.m-menu .xiala dt.xz a{color: #1bb760;font-weight: bold;}
.m-menu li[data=xz] a.a1{color: #1bb760;font-weight: bold;}
.icases-l-nei li,.honorlist-nei li{display: block!important;}


/*产品详情轮播*/
.proinfo{margin-top: 8%}
.pro-info{padding: 2% 0;width: 100%;max-width: 800px;margin: 0 auto;}
.pro-info .z{width: 100%;position: relative;margin: 0 auto;}
.pro-info .top{width:100%;height: 35vw;overflow: hidden;box-sizing: border-box;border: 1px solid #eeeeee;}
.pro-info .bot{width: 100%;height: 80px;margin: 0 auto;position: relative;background: #eee;}
.pro-info .bot .swiper-slide{width: 80px;height: 80px;}
.pro-info .swiper-button-prev1{width: 30px;height: 80px!important;background:#1bb760 url("../img/pr1.png") center no-repeat!important;
    top: 0!important;left: 0px!important;position: absolute;z-index: 10;cursor: pointer;}
.pro-info .swiper-button-next1{width: 30px;height: 80px!important;background:#1bb760 url("../img/ne1.png") center no-repeat!important;
    top:0%!important;right: 0px!important;position: absolute;z-index: 10;cursor: pointer;}
.pro-info .swiper-button-disabled{opacity: 0.3}
.pro-info .bot .swiper-slide img{box-sizing: border-box;border: 2px solid #ddd;opacity: 0.6;cursor: pointer;}
.pro-info .bot .swiper-slide-active img{box-sizing: border-box;border:2px solid #1bb760;opacity: 1}

/**在线留言*/
.message-info{margin-top: 3%;}
.message-info .tips{text-align: center}
#lianform input{width: 49%;float: left;display: block;margin:15px 2% 15px 0;padding: 13px 0;outline: none;border: 1px solid #ddd;
    text-indent: 10px;font-size: 14px;box-sizing: border-box;color: #666;}
#lianform input:nth-child(2n){margin-right: 0;}
#lianform textarea{width: 100%;outline: none;box-sizing: border-box;border: 1px solid #ddd;font-family: 'Microsoft YaHei', SimHei, SimYou, SimSun, Arial;
    font-size: 14px;padding: 10px 0;text-indent: 10px;height: 120px;margin-top: 15px;margin-bottom: 15px;color: #666;}
#lianform textarea:focus{border-color: #1bb760}
#lianform img{height: 46px;margin-top: 15px}
#lianform input:focus{border-color: #1bb760}
#lianform input.submit{background: #1bb760;font-size: 16px;color: #fff;letter-spacing: 15px}
#lianform input.reset{font-size: 16px;letter-spacing: 15px;float: right;margin-right: 0px;}

/**/
.com-info-s1{background: #eee;padding: 3% 5%;}
.iabfour-ab li{width: 25%;float: left}
.iabfour-ab li .li1{font-size:40px;font-weight: bolder;color: #333;text-align: center}
.iabfour-ab li .li1 span{font-size: 14px;color: #666;font-weight: lighter;position: relative;top: -9px;left: 7px}
.iabfour-ab li .li2{font-size: 16px;color: #666;text-align: center}
.com-info-s1 .bt2{margin-top: 4%;}
.com-info-s1 .cc{margin-top: 2%;}
.com-info-s1 .cc p{font-size: 16px;line-height: 2.0;color: #666;text-indent: 0}
.showlist a .i{height: 15vw;}
.tc{text-align: center!important;}